/* Stili principali */

html {
	overflow-y: scroll;
	background-color: #fff;
	height: 100%;
}

body {
	padding: 0 0 5px;
	margin: 0;
	background-color: #fff;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	min-height: 90%;
}

hr {
	border: none;
	border-bottom: 1px solid #3C8CBD;
}

input, textarea {
	@include transition: (all 0.30s ease-in-out);
	outline: none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #DDDDDD;
}
 
input:focus, textarea:focus {
	box-shadow: 0 0 5px #0036AB;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #0036AB;
}

#navbar-link {
	float: left; 
	width: auto; 
	padding: 8px 0 8px;
}

#navbar-icon {
	width: 242px; 
	float: right;
}

#footer-menu {
	margin-top:-10px; 
	float:right;
}

#screen-themes {
	text-align: center;
}

#screen-themes img {
	height: 150px;
	width: 300px;
	margin-top: -2px;
}

button.screen-themes {
	margin-top: 20px;
	margin-right: 10px;
	height: 150px;
	width: 320px;
	border: 1px solid #000;
	opacity: 0.8;
}

button.screen-themes:hover {
	opacity: 1.0;
	cursor: pointer;
}

.container {
	width: 940px;
	margin: auto;
}

#container {
	overflow: hidden;
   	width: 940px;
   	margin: 60px auto 10px;
}

#blog-nome {
 	display: none;
}

#sidebar-left {
	display: none;
}

#main {
	margin-bottom: 10px;
	border-right: 1px solid;
	float: left;
	width: 650px;
	min-height: 60px;
	padding: 15px;
	background-color: #fff;
	color: #000;
}

#add-comment-box {
	border-right: 1px solid;
	float: left;
	width: 650px;
	min-height: 60px;
	padding: 15px;
	background-color: #fff;
	color: #000;
	border-bottom: 1px solid
}

#paginazione {
	margin-left: 15px;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #000;
	float: left;
	width: 635px;
	min-height: 25px;
	padding: 15px;
	color: #000;
}

/* Menù orizzontale */

#navbar {
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0px; 
	margin: auto; 
	z-index: 100000;
	width: 100%;
	height: 33px;
	padding: 5px;
	font-size: 16px;
	text-transform: uppercase;
	background: #585858;
}

#navbar a {
	text-decoration: none;
	color: #F7F7F7;
	opacity: 0.9;
}

#navbar a:hover {
	text-decoration: none;
	opacity: 1.0;
}

li {
	display: inline-block;
	margin-right: 50px;
}

#social-icons li {
	display: inline-block;
	margin-left: 5px;
	margin-right: 0 !important;
}

#social-icons li:first-child {
	display: inline-block;
	margin-left: 0;
}

#social-icons a {
	opacity: 0.9;
}

#social-icons a:hover {
	opacity: 1.0;
}

/* Menù laterale */

#sidebar {
	float: right;
	width: 242px;
	border-right: 1px solid;
	padding-right: 8px;
	border-bottom: 1px solid;
	border-color: #000;
}

#aside {
	background-color: #fff;
	margin-top: 20px;
	padding: 10px;
}

#aside-admin-area {
	background-color: #fff;
	margin-top: 0px;
	padding: 10px;
}

#admin-area {
 	background-color: #fff;
}

#admin-area {
	width: 225px;
	margin-bottom: 5px;
	padding: 5px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 15px;
}

#admin-area dl {
	width: auto;
	margin: 0;
} 

#admin-area dt {
	margin-top: 2px;
	margin-bottom: 2px;
	color: #0036AB;
}

#admin-area dd {
	font-size: 12px;
	margin: 0;
	margin-right: 10px;
	padding-left: 6px;
	line-height: 1.4;
}

#admin-area dd a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#admin-area dd a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}

#nav {
	width: 225px;
	margin-bottom: 5px;
	padding: 5px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 15px;
}

#nav dl {
	width: auto;
	margin: 0;
} 

#nav dt {
	margin-top: 2px;
	margin-bottom: 2px;
	color: #0036AB;
}

#nav dd {
	font-size: 12px;
	margin: 0;
	margin-right: 10px;
	padding-left: 6px;
	line-height: 1.4;
}

#nav dd a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#nav dd a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}

/* Barre descrittive */

#info-bar-large {
	border: 1px solid #000;
	border-radius: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	width: 927px !important;
	height: 12px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	color: #000;
	text-transform: uppercase;
}

#info-bar-small {
	border-bottom: 1px solid #333 !important;
	margin-bottom: 15px;
	margin-left: 15px;
	background-color: #fff !important; 
	width: 640px;
	height: 12px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	color: #000 !important;
	text-transform: uppercase;
}

/* Stile modulo profilo */

#about-me {
	background-color: #fff;
	width: 222px;
	min-height: 200px;
	padding: 10px;
}

#about-me h1 {
	color: #0036AB;
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}

#about-me p {
	margin-top: 10px;
	font-style: italic;
	line-height: 1.2
}

/* Stile articoli fetchati */

#post {
	padding: 5px;
	border-bottom: 1px solid;
	float: left;
	width: 640px;
	margin-bottom: 30px;
	line-height: 20px; 
}

#post:last-child {
	margin-bottom: 0 !important;
}

.post-info {
	font-weight: bold;
}

.post-info a {
	color: #0036AB;
	text-decoration: none;
}

.post-info a:hover {
	color: #0036AB;
	text-decoration: underline;
}

.post-title {
	color: #0036AB;
	font-size: 20px;
	font-weight: normal;
}

.post-title a {
	color: #0036AB;
	text-decoration: none;
}

.post-title a:hover {
	color: #0036AB;
	text-decoration: underline;
}

/* Articoli (editing) */

#post-box {
	float: left;
	border: 1px solid;
	width: 928px;
	background-color: #fff;
	margin: 5px 0 0px;
	padding: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#post-box p {
	text-align: center;
}

#edit-link-box {
	float: left;
	width: 890px;
	background-color: #fff;
	margin: 5px 0 5px;
	padding: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* Form post - edit post */

input.box-post-title {  
    background: #E4E4E4; 
    border: 1px solid #A9A9A9; 
    color: #0036AB;
    height: 26px; 
    line-height: 30px; 
    width: 918px; 
    padding: 0 5px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

textarea.post-text {  
    height: 320px;
    width: 884px;
    resize:none;
	font-family: inherit; 
    line-height: 20px;
    font-size: 16px;
}

input.post-button { 
    width: 150px;
    cursor: pointer;
}

/* Stile fetch commenti */

#comment-box {
	margin-left: 10px;
	font-size: 12px;
	border-right: 1px solid;
	float: left;
	width: 660px;
	background-color: #E4E4E4;
	padding: 5px;
	line-height: 15px; 
}

.comment-box-info {
	font-style: italic;
}

.comment-box-name {
	font-weight: bold;
}

/* Stile form commenti */

.comment-title {
	color: #1952CF;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.comment-data {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.comment-note {
	color: #000;
	font-size: 12px;
}

input.comment-input {  
    background: #E4E4E4; 
    border: 1px solid #3C8CBD; 
    height: 20px;  
    width: 150px; 
    padding: 0 5px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 1px;
    -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
    margin-bottom: 10px;
}

textarea.comment-text {
	background: #E4E4E4;
	border: 1px solid;
	border-color: #3C8CBD;  
    height: 120px;
    width: 648px;
    resize:none;
	font-family: inherit; 
    line-height: 15px;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.comment-button {
	float: right;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

input.comment-button { 
    width: 155px; 
    cursor: pointer;
}

/* Gestione link nei moduli */

#link-display {
	margin-bottom: 5px;
	padding: 4px;
	font-size: 12px;
	opacity:0.89;
}

#link-display a {
	font-weight: bold;
	text-decoration: none;
}

#link-display a:hover {
	font-weight: bold;
	text-decoration: underline;
}

#link-display dl {
	width: auto;
	margin: 0;
} 

#link-display dt {
	margin-bottom: 2px;
	color: #000;
	font-weight: bold;
}

#link-display dd {
	font-size: 12px;
	margin: 0;
	line-height: 1.6;
}

#link-display dd a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#link-display dd a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#add-new-link {
	margin: 10px 0 7px;
}

/* Form aggiungi nuovo link */

input.add-link {  
	width: 236px;
	height: 19px;
	border: 1px solid #54a3f7;
}

input.add-link-button { 
    width: 100px;
    height: 30px;
    cursor: pointer;
    margin-top: 3px;
}

input.edit-link {  
	width: 330px;
	height: 24px;
}

/* Gestione profilo */

#view-profile dt {
	margin: 5px 0 15px;
	font-size: 14px;
	font-weight: bold;
}

#view-profile dd {
	margin: 0;
}

input.avatar{
	width: 230px;
	height: 26px;
	border: none;
}

input.upload-avatar {
	width: 130px;
	height: 25px;
	cursor: pointer;
}

input.edit-name {
	padding-left: 3px;  
	width: 320px;
	height: 24px;
	background: #E4E4E4;
	border: 1px solid;
	border-color: #3C8CBD;  
}

textarea.edit-bio {
	background: #E4E4E4;
	border: 1px solid;
	border-color: #3C8CBD;  
    height: 80px;
    width: 648px;
    resize:none;
	font-family: inherit; 
    line-height: 15px;
    font-size: 14px;
    margin-bottom: 15px;
}

/* Pagine per il login (login e login error) */

#login-box {
	width: 340px;
	border: 1px solid #333;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	margin: 0 auto;
	margin-top: 100px;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#login-box dt {
	padding: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #0036AB;
	margin-bottom: 10px;
	margin-top: 10px;
}

#login-box dd {
	margin: 0;
	line-height: 1.8;
}

#login-box dd:last-child {
	margin-top: 0px;
}

.login-error {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #f00;
}

.forgot-password {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 10px;
}

.forgot-password a {
	text-decoration: none;
}

.forgot-password a:hover{
	text-decoration: underline;
}

input.login-submit { 
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
    width: 70px;
    height: 30px;
}

/* Footer */

#footer {
	margin: 10px 0 0px;
	margin-left: 25px;
	float: left;
	color: #585858;
	width: 655px;
	border-bottom: 1px solid;
	height: 12px;
	padding: 5px;
}

#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: none;
}

#footer-big {
	margin: 0 auto 0px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #D6D6D6;
	color: #585858;
	width: 930px;
	height: 12px;
	padding: 5px;
}

#footer-big a {
	text-decoration: none;
}
#footer-big a:hover {
	text-decoration: none;
}

/* Stile link default */

a {
	text-decoration: underline;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #000;
}

a:visited {
	text-decoration: none;
}

/* Altro */

img {
	border: none;
}

.center {
	text-align: center;
}

.floatright {
	float: right;
}

.bold {
	font-weight: bold;
}

/* Bottini per la condivisione sui social */

.twitter-share-button {
	margin-bottom: -3px !important;
}

.fb-like {
	display: inline;
}


/* Install page */

#install-info-bar {
	background-color: #333;
	width: 930px;
	height: 12px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 20px;
	opacity:0.85;
	color: #fff;
}

#install-box {
	font-size: 14px;
	width: 920px;
	background-color: #fff;
	margin: 10px 0 0px;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#install-box h1 {
	font-size: 24px;
	color: #3C8CBD;
	font-weight: bold;
}

#install-box .info {
	margin-top: 5px;
	font-size: 14px;
	font-style: italic;
	display: inline;
}

#install-box .warning {
	font-size: 12px;
	color: red;
}

input.install-box {  
    background: #fff; 
    border: 1px solid #000; 
    font-weight: bold;
    height: 20px; 
    width: 200px; 
    padding: 0 5px;
    font-size: 16px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
    margin-left: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
}

input.install-button { 
    width: 100px; 
    cursor: pointer;
}

input.edit-link {  
    background: #E4E4E4; 
    border: 1px solid #3C8CBD;
    height: 20px;  
    width: 350px; 
    padding: 0 5px;
    font-size: 14px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
    margin-bottom: 10px;
}

.link-option {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

input.password-input {  
    background: #E4E4E4; 
    border: 1px solid #3C8CBD; 
    height: 20px;  
    width: 150px; 
    padding: 0 5px;
    font-size: 14px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
    margin-bottom: 10px;
}

input.edit-comment-text {
	background: #E4E4E4;
	border: 1px solid;
	border-color: #3C8CBD;  
    height: 120px;
    width: 648px;
    resize:none;
	font-family: inherit; 
    line-height: 15px;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 15px;
}

/* Pagina admin */

.acp {
	margin-left: 50px;
}

.acp img {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 60px;
	height: 60px;
}

.acp a {
	color: #000;
	text-decoration: none;
	text-align: center;
	width: 200px;
	height: 100px;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-right: 10px;
	display: inline-block;
	background-image: linear-gradient(bottom, rgb(199,199,199) 85%, rgb(184,191,191) 100%);
	background-image: -o-linear-gradient(bottom, rgb(199,199,199) 85%, rgb(184,191,191) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(199,199,199) 85%, rgb(184,191,191) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(199,199,199) 85%, rgb(184,191,191) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(199,199,199) 85%, rgb(184,191,191) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.85, rgb(199,199,199)),
		color-stop(1, rgb(184,191,191))
	);
}

.acp a:hover {
	border: 1px solid #000;
}

/* Stili pulsanti */

input.post-button, input.comment-button, input.add-link-button, input.upload-avatar, input.login-submit, input.install-button {
    -moz-box-shadow: 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow: 0px 1px 0px 0px #54a3f7;
    box-shadow: 0px 1px 0px 0px #54a3f7;
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    
    background-color:#007dc1;
    
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    
    border:1px solid #124d77;
    
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:14px;
    font-weight:normal;
    padding:5px 0px;
    text-decoration:none;
    
    text-shadow:0px 1px 0px #154682;
}

input.post-button:hover, input.comment-button:hover, input.add-link-button:hover, input.upload-avatar:hover, input.login-submit:hover, input.install-button:hover {  
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    
    background-color:#0061a7;
}

input.post-button:active, input.comment-button:active, input.add-link-button:active, input.upload-avatar:active, input.login-submit:active, input.install-button:active {
    position:relative;
    top:1px;
}

/* Mobile */

@media only screen and (max-device-width: 480px) {
	#main {
		width: 95%;
	}
	#sidebar {
		display: none;
	}
	#paginazione {
		width: 95%
	}
	#footer {
		width: 97%
	}
	#post {
		width: 97%;
	}
}